<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<jsp:include page="/frame/header/header.jsp"></jsp:include>
<%-- 内容开始 --%>
<div class="container-fluid">
	<form action="#" method="post" id="form-query" data-toggle="validator">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title">
					工资结算
				</h3>
			</div>
			<div class="panel-body">
				<div class="row">
					<div class="col-sm-6 col-md-3">
						<div class="form-group input-group">
							<span class="input-group-addon">部门</span>
							<input class="form-control" type="text" name="name">
						</div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="form-group input-group">
							<span class="input-group-addon">月份</span>
							<select class="form-control" name="status">
								<option value="0">
									全部
								</option>
								<option value="1">
									固定项目
								</option>
								<option value="2">
									计算项目
								</option>
								<option value="3">
									导入项目
								</option>
								<option value="4">
									实发项目
								</option>
							</select>
						</div>
					</div>
					<div class="col-md-2">
					</div>
					<div class="col-sm-6 col-md-2">
						<div class="form-group">
							<button type="submit" class="btn btn-primary btn-block">
								查 询
							</button>
						</div>
					</div>
					<div class="col-sm-6 col-md-2">
						<div class="form-group">
							<button type="submit" class="btn btn-primary btn-block">
								结 算
							</button>
						</div>
					</div>
					<div class="col-md-8">
					</div>
					<div class="col-sm-3 col-md-2">
						<div class="form-group">
							<button id="del-btn" class="btn btn-primary btn-block">
								暂 存
							</button>
						</div>
					</div>
					<div class="col-sm-3 col-md-2">
						<div class="form-group">
							<button id="change-btn" class="btn btn-primary btn-block">
								发 放
							</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12">
				<table id="table" data-dms-table></table>
			</div>
		</div>
	</form>
	<div class="panel panel-default">
		<div class="panel-heading">
			<h3 class="panel-title">
				工资结算
			</h3>

			<div class="panel-options">
				<a href="#"> <i class="linecons-cog"></i> </a>

				<a href="#" data-toggle="panel"> <span class="collapse-icon">–</span>
					<span class="expand-icon">+</span> </a>

				<a href="#" data-toggle="reload"> <i class="fa-rotate-right"></i>
				</a>

				<a href="#" data-toggle="remove"> × </a>
			</div>
		</div>
		<table class="table table-striped table-bordered table-hover"
			border="0">
			<tbody>
				<tr>
					<td class="text-danger">
						员工编号
					</td>
					<td class="text-danger">
						员工姓名
					</td>
					<td class="text-info">
						实发工资
					</td>
					<td class="text-info">
						基本工资
					</td>
					<td class="text-info">
						采暖补贴
					</td>
					<td class="text-muted">
						病假天数
					</td>
					<td class="text-muted">
						事假天数
					</td>
					<td class="text-muted">
						加班天数
					</td>
					<td class="text-muted">
						迟到天数
					</td>
					<td class="text-success">
						病假扣款
					</td>
					<td class="text-success">
						事假扣款
					</td>
					<td class="text-success">
						加班工资
					</td>
					<td class="text-success">
						迟到扣款
					</td>
					<td class="text-success">
						个人支付养老保险
					</td>
					<td class="text-success">
						公司支付养老保险
					</td>
					<td class="text-success">
						个人支付医疗保险
					</td>
					<td class="text-success">
						公司支付医疗保险
					</td>
					<td class="text-success">
						个人支付公积金
					</td>
					<td class="text-success">
						公司支付公积金
					</td>
					<td class="text-success">
						个人所得税
					</td>
					<td class="text-muted">
						补发
					</td>
				</tr>
				<tr>
					<td class="text-danger">
						10001
					</td>
					<td class="text-danger">
						张三
					</td>
					<td class="text-info">
						3110
					</td>
					<td class="text-info">
						3000
					</td>
					<td class="text-info">
						100
					</td>
					<td class="text-muted">
						2
					</td>
					<td class="text-muted">
						4
					</td>
					<td class="text-muted">
						0
					</td>
					<td class="text-muted">
						1
					</td>
					<td class="text-warning">
						40
					</td>
					<td class="text-warning">
						200
					</td>
					<td class="text-warning">
						0
					</td>
					<td class="text-warning">
						10
					</td>
					<td class="text-warning">
						240
					</td>
					<td class="text-warning">
						630
					</td>
					<td class="text-warning">
						60
					</td>
					<td class="text-warning">
						270
					</td>
					<td class="text-warning">
						240
					</td>
					<td class="text-warning">
						240
					</td>
					<td class="text-warning">
						150
					</td>
					<td class="text-muted">
						100
					</td>
				</tr>
				<tr>
					<td class="text-danger">
						10001
					</td>
					<td class="text-danger">
						张三
					</td>
					<td class="text-info">
						3110
					</td>
					<td class="text-info">
						3000
					</td>
					<td class="text-info">
						100
					</td>
					<td class="text-muted">
						2
					</td>
					<td class="text-muted">
						4
					</td>
					<td class="text-muted">
						0
					</td>
					<td class="text-muted">
						1
					</td>
					<td class="text-warning">
						40
					</td>
					<td class="text-warning">
						200
					</td>
					<td class="text-warning">
						0
					</td>
					<td class="text-warning">
						10
					</td>
					<td class="text-warning">
						240
					</td>
					<td class="text-warning">
						630
					</td>
					<td class="text-warning">
						60
					</td>
					<td class="text-warning">
						270
					</td>
					<td class="text-warning">
						240
					</td>
					<td class="text-warning">
						240
					</td>
					<td class="text-warning">
						150
					</td>
					<td class="text-muted">
						100
					</td>
				</tr>
				<tr>
					<td class="text-danger">
						10001
					</td>
					<td class="text-danger">
						张三
					</td>
					<td class="text-info">
						3110
					</td>
					<td class="text-info">
						3000
					</td>
					<td class="text-info">
						100
					</td>
					<td class="text-muted">
						2
					</td>
					<td class="text-muted">
						4
					</td>
					<td class="text-muted">
						0
					</td>
					<td class="text-muted">
						1
					</td>
					<td class="text-warning">
						40
					</td>
					<td class="text-warning">
						200
					</td>
					<td class="text-warning">
						0
					</td>
					<td class="text-warning">
						10
					</td>
					<td class="text-warning">
						240
					</td>
					<td class="text-warning">
						630
					</td>
					<td class="text-warning">
						60
					</td>
					<td class="text-warning">
						270
					</td>
					<td class="text-warning">
						240
					</td>
					<td class="text-warning">
						240
					</td>
					<td class="text-warning">
						150
					</td>
					<td class="text-muted">
						100
					</td>
				</tr>
			</tbody>
		</table>
	</div>

</div>
<%-- 内容结束 --%>
<jsp:include page="/frame/footer/footer.jsp"></jsp:include>